<div ng-controller="wardenCreateCtrl" class="cry">

    <div class="cry_title">
        <h3 class="mainTitle"> 
            添加协管员
        </h3>
        <div class="tools">
            <ul>
                <li>
                    <a class="btn btn-default" href="javascript:history.go(-1)">返回</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="container-fluid bg-white">
        <form role="form" class="form-horizontal cry_form">
            <div class="form-group">
                <label class="col-sm-2 control-label cry_label" for="inputEmail3">
                    协管员姓名:
                </label>
                <div class="col-sm-3">
                    <input type="text" class="control-label text-left ng-pristine ng-untouched ng-valid ng-valid-maxlength" placeholder="请输入协管员姓名" ng-model="name">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label cry_label" for="inputEmail3">
                    登录账号:
                </label>
                <div class="col-sm-3">
                    <input type="text" class="control-label text-left ng-pristine ng-untouched ng-valid ng-valid-maxlength" placeholder="请输入手机号" ng-model="phone">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label cry_label" for="inputEmail3">
                    密码:
                </label>
                <div class="col-sm-3">
                    <input type="password" class="control-label text-left ng-pristine ng-untouched ng-valid ng-valid-maxlength" placeholder="6~16位字母和数字" ng-model="pwd">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label cry_label" for="inputEmail3">
                    确认密码:
                </label>
                <div class="col-sm-3">
                    <input type="password" class="control-label text-left ng-pristine ng-untouched ng-valid ng-valid-maxlength" placeholder="再次输入密码" ng-model="Cpwd">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label cry_label" for="inputEmail3">
                    管理区域:
                </label>
                <div class="col-sm-10">
                    <div style="margin-bottom: 25px;">
                        <a ng-repeat="item in chooseNames" style="padding-left: 10px;padding-right: 10px;background-color: #1db667;color:#fff;margin-left:20px;margin-bottom:10px;" class="btn" href="javascript:;" ng-click="delIds($index)">{{item}}<i class="fa fa-times-circle"></i></a>
                    </div>
                    <div class="row">
                        <div class="col-sm-3" style="height:150px; overflow-y:scroll; border:1px solid;">
                            <div class="clip-radio radio-success" ng-repeat="item in country">
                                <input type="radio" id="country{{$index}}" name="country" value="" ng-model="Countrys" ng-click="selectCountry(item.city_id)">
                                <label for="country{{$index}}">
                                    {{item.city_name}}
                                </label>
                            </div>
                        </div>
                        <div class="col-sm-1"></div>

                        <div class="col-sm-3" style="height:150px; overflow-y:scroll; border:1px solid;">
                            <div ng-repeat="item in town" class="checkbox clip-check check-success checkbox-inline">
                                <input ng-model="item._checked" type="checkbox" id="town{{$index}}" ng-click="selectTown(item,$event)">
                                <label for="town{{$index}}">
                                    {{item.city_name}}
                                </label>
                            </div>
                        </div>
                    </div>
<!--                     <div ng-repeat="item in area" class="checkbox clip-check check-success checkbox-inline">
                        <input ng-model="item._checked" type="checkbox" id="area{{$index}}" ng-click="selectArea(item)">
                        <label for="area{{$index}}">
                            {{item.city_name}}
                        </label>
                    </div> -->

                    <div ng-repeat="value in all">
                        <h2 ng-bind="value.city_name"></h2>
                        <div ng-repeat="item in value.arr" class="checkbox clip-check check-success checkbox-inline">
                            <input ng-model="item._checked" type="checkbox" id="area{{item.city_id}}" ng-click="selectArea(item)">
                            <label for="area{{item.city_id}}">
                                {{item.city_name}}
                            </label>
                        </div>
                    </div>
                </div>
            </div>



            <div class="form-group">
                <label class="col-sm-2 control-label cry_label" for="inputEmail3">
                </label>
                <div class="col-sm-10">
                    <button type="button" class="btn btn-primary" ng-click="submit()">
                        保存
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>